<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!--    <link rel="shortcut icon" href="" th:href="@{}">-->
    <link type="text/css" rel="stylesheet" href="../static/dist/css/bootstrap.min.css"
          th:href="@{/dist/css/bootstrap.min.css}">
    <script type="text/javascript" src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <!--    <script type="text/javascript" src="../static/js/popper.min.js" th:src="@{/js/popper.min.js}"></script>-->
    <script type="text/javascript" src="../static/dist/js/bootstrap.bundle.min.js"
            th:src="@{/dist/js/bootstrap.bundle.min.js}"></script>
    <link type="text/css" rel="stylesheet" href="../static/css/login.css" th:href="@{/css/login.css}">
</head>
<body class="bg-light">
<div class="container">
    <!--    <div class="row justify-content-lg-center">-->
    <!--        <div style="margin-top: 50px"></div>-->
    <!--    </div>-->
    <div class="row justify-content-lg-center">
        <div class="col-lg-6 shadow-lg p-3 m-5 rounded">
            <div class="border border-light m-2 p-2">
                <ul class="nav nav-tabs nav-justified border-0" role="tablist">
                    <li class="nav-item border-0">
                        <a class="nav-link border-0 rounded-0 text-dark active" data-toggle="tab" href="#sign-in">登录</a>
                    </li>
                    <li class="nav-item border-0">
                        <a class="nav-link border-0 rounded-0 text-dark" data-toggle="tab" href="#sign-up">注册</a>
                    </li>
                </ul>
                <div class="tab-content bg-white">
                    <div id="sign-in" class="container tab-pane active"><br>
                        <form role="form" th:action="@{/signIn}" method="post">
                            <div class="form-group">
                                <label for="lo-username">账号</label>
                                <input type="text" class="form-control" id="lo-username" placeholder="username"
                                       name="loUsername">
                            </div>
                            <div class="form-group">
                                <label for="lo-password">密码</label>
                                <input type="password" class="form-control" id="lo-password" placeholder="password"
                                       name="loPassword">
                            </div>
                            <br>
                            <button type="submit" class="btn btn-success btn-block btn-lg">登录</button>
                            <br>
                        </form>
                    </div>
                    <div id="sign-up" class="container tab-pane fade"><br>
                        <form role="form" th:action="@{/signUp}" method="post">
                            <div class="form-group">
                                <label for="re-username">账号</label>
                                <input type="text" class="form-control" id="re-username" placeholder="username"
                                       name="reUsername">
                            </div>
                            <div class="form-group">
                                <label for="re-password">密码</label>
                                <input type="password" class="form-control" id="re-password" placeholder="password"
                                       name="rePassword">
                            </div>
                            <br>
                            <button type="submit" class="btn btn-primary btn-block btn-lg">注册</button>
                            <br>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>